import React from 'react';
import { Button, Input, Form, Select } from 'antd';
function Search() {
  return (
    <div>
      <Form
        style={{
          width: '100%',
          height: '50px',
          background: 'rgba(242,242,242)',
          lineHeight: '50px',
          borderLeft: '5px solid rgba(0,150,136)',
          display: 'flex',
        }}
        onFinish={onFinish}
      >
        <Form.Item
          label="状态"
          name="status"
          style={{ marginTop: '10px', marginLeft: '20px' }}
        >
          <Select
            defaultValue="-所有-"
            style={{ width: 90 }}
            options={[
              { value: '-所有-', label: '-所有-' },
              { value: '正常', label: '正常' },
              { value: '禁用', label: '禁用' },
            ]}
          />
        </Form.Item>
        <Form.Item
          label="关键词"
          name="title"
          style={{ marginTop: '10px', marginLeft: '20px' }}
        >
          <Input />
        </Form.Item>
        <Form.Item
          wrapperCol={{ offset: 8, span: 16 }}
          style={{ marginTop: '10px', marginLeft: '20px' }}
        >
          <Button type="primary" htmlType="submit">
            搜索
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
}

export default Search;
